<!--衣服种类-->
<div class="species">
    <ul class="row">
        <li class="col s3"><a ui-sref="list1"><img src="img/classify/汉东服饰企业制服定制_16.png"/></a><p>POLP衫</p></li>
        <li class="col s3"><a ui-sref="list2"><img src="img/classify/汉东服饰企业制服定制_18.png"/></a><p>文化衫</p></li>
        <li class="col s3"><a ui-sref="list3"><img src="img/classify/汉东服饰企业制服定制_20.png"/></a><p>西装</p></li>
        <li class="col s3"><a ui-sref="list4"><img src="img/classify/汉东服饰企业制服定制_22.png"/></a><p>衬衫</p></li>
    </ul>
</div>

<!--商品-->
<div class="shop">
    <a ng-href="./details.html#/detail?pid={{products.productNum}}" ng-repeat="products in productList" ng-cloak class="ng-cloak">
        <div><img src="./img/clothes/{{products.productImg[0]}}" alt="" /></div>
        <p class="yname">{{products.productName }}</p>
        <p class="danjia">单价：<span>￥{{products.relPrice}}</span></p>
    </a>
    <div class="shopfoot">
        <a ng-click="goPrev()" class="prevPage" ng-class="{'end':currentPage==1}">上一页</a>
        <div class="pages"><span class="currentPage">{{currentPage}}</span>/<span class="totalPage">{{totalPage}}</span></div>
        <a ng-click="goNext()" class="nextPage" ng-class="{'end':currentPage==totalPage}">下一页</a>
    </div>
</div>
